import React from "react";
import type { TabsProps} from "antd";
import {Tabs} from "antd";
import Lend from "@/pages/Lend";
import Owe from "@/pages/Owe";

const AddPayOrIncomeLog: React.FC = () => {
  const items: TabsProps["items"] = [
    {
      key: 'owe',
      label: '借入',
      children: <Owe/>
    },
    {
      key: 'lend',
      label: '借出',
      children: <Lend/>
    },
  ]
  return (
    <Tabs
      defaultActiveKey={"pay"}
      destroyInactiveTabPane
      style={{
        position: "absolute",
        top: 46,
        left: 20,
        width: `calc(100vw - 40px)`,
        height: `calc(100vh - 100px)`,
        overflowY: "auto"
      }}
      tabBarStyle={{color: "gray"}}
      items={items}
    />
  )
}
export default AddPayOrIncomeLog;
